@import "config.scss";

img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: top;
}
.loading-container{
  z-index: 999999;
}

// 图片懒加载动画
img[lazy=loading] {
  opacity:0;
}
img[lazy=loaded] {
  transition:opacity .2s;
  opacity:1;
}

.input-label{
  width: auto;
}
.color-theme{
  color:$color-theme;
}
.color-assertive{
  color:#EA5A49;
}
.color-positive{
  color:#4A90E2;
}
.color-balanced{
  color:#44CC00;
}
.color-energized{
  color:#FFBD17;
}
.color-calm{
  color:#11C1F3;
}
.color-dark{
  color:#484746;
}
.color-royal{
  color:#B5B5B5;
}
.color-stable{
  color:#F5F5F5;
}
.color-light{
  color:#FFFFFF;
}
.text-10{
  font-size: .27rem;
}
.text-12{
  font-size: .32rem;
}
.text-14{
  font-size: .37rem;
}
.text-16{
  font-size: .43rem;
}
.text-18{
  font-size: .48rem;
}
.text-20{
  font-size: .53rem;
}
.text-30{
  font-size: .8rem;
}
.text-60{
  font-size: 1.6rem;
}
.text-80{
  font-size: 2.13rem;
}
.tabbar{
  box-shadow: none;
  height: 1.31rem;
}
.mt-80{
  margin-top: 2.13rem;
}
.mt-10{
  margin-top: .27rem;
}
.pd-10{
  padding: .27rem;
}
.tabbar:before {
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    top: 0;
    height: 1px;
    background-color: #e0e0e0;
    -webkit-transform: scale(1,.5);
    transform: scale(1,.5);
    -webkit-transform-origin: center top;
    transform-origin: center top;
}
.page.has-nonav .page-content{
  top: -1.07rem;
}
.page.has-tabbar .page-content{
  margin-bottom: 1.31rem;
}
.clear:after, .clear:before {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.tag{
  font-size: .27rem;
  background: #f60;
  color: #ffffff;
  margin-right: 2px;
  padding: 1px 2px;
  border-radius: 2px;
}

//顶部菜单
.topbar {
  height: 1.07rem;
  background: #ffffff;
  z-index: 2000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  color: #333;
}
.top-menu {
  overflow: hidden;
}

.top-menu-list {
  height: 1.07rem;
  width: 100%;
  //display: flex;
}

.top-menu-item {
  min-width: 1.33rem;
  max-width:3rem;
  height: 100%;
  font-size: 14px;
  text-align: center;
  line-height: 1.07rem;
  float: left;
  padding:0 0.1rem;

}
//.top-menu-item:first {
//  padding-left: 0.53rem;
//}

.top-menu-list .active {
  color: $color-theme;
  border-bottom: 1px solid $color-theme;
  font-weight: bold;
}
//弹性盒子

.hm-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hm-flex-1, .hm-flex-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.hm-flex-2 {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.hm-flex-3 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
.hm-flex-4 {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
}
.hm-flex-5 {
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5;
}
.hm-margin-b, .hm-margin-b-m, .hm-margin-tb, .hm-margin-tb-m {
  margin-bottom: .27rem;
}

/*AUI按钮样式*/
button, .aui-btn {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  font-family: inherit;
  text-decoration: none;
  text-align: center;
  margin: 0;
  background: #eeeeee;
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
}

.aui-btn-primary {
  color: #ffffff;
  background-color: #00bcd4;
}
.aui-btn-primary.aui-active, .aui-btn-primary:active {
  color: #ffffff;
  background-color: #00acc1;
}
.aui-btn-success {
  color: #ffffff;
  background-color: #009688;
}
.aui-btn-success.aui-active, .aui-btn-success:active {
  color: #fff;
  background-color: #00897b;
}
.aui-btn-info {
  color: #ffffff !important;
  background-color: #03a9f4 !important;
}
.aui-btn-info.aui-active, .aui-btn-info:active {
  color: #fff !important;
  background-color: #039be5 !important;
}
.aui-btn-warning {
  color: #ffffff !important;
  background-color: #ffc107 !important;
}
.aui-btn-warning.aui-active, .aui-btn-warning:active {
  color: #ffffff !important;
  background-color: #ffb300 !important;
}
.aui-btn-danger {
  color: #ffffff !important;
  background-color: #e51c23 !important;
}
.aui-btn-danger.aui-active, .aui-btn-danger:active {
  color: #ffffff !important;
  background-color: #dd191b !important;
}
.aui-btn-block {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 51px;
  margin-bottom: 0;
  font-size: 18px;
}
.aui-btn-block.aui-btn-sm {
  font-size: 14px;
  height: 36px;
  line-height: 37px;
}
.aui-btn-outlined.aui-btn-sm {
  font-size: 12px;
  height: 20px;
  line-height: 21px;
}
.aui-btn .aui-iconfont, .aui-btn-block .aui-iconfont {
  margin-right: 6px;
}
.aui-btn .aui-badge, .aui-btn-block .aui-badge {
  margin-left: 6px;
}
.aui-btn-outlined {
  background: transparent !important;
  border: 1px solid #bdbdbd;
}
.aui-btn-outlined:active {
  background: transparent !important;
}
.aui-btn-default.aui-btn-outlined {
  color: #bdc3c7 !important;
  border: 1px solid #dcdcdc !important;
}
.aui-btn-primary.aui-btn-outlined {
  color: #00bcd4 !important;
  border: 1px solid #00bcd4 !important;
}
.aui-btn-success.aui-btn-outlined {
  color: #009688 !important;
  border: 1px solid #009688 !important;
}
.aui-btn-info.aui-btn-outlined {
  color: #03a9f4 !important;
  border: 1px solid #03a9f4 !important;
}
.aui-btn-warning.aui-btn-outlined {
  color: #ffc107 !important;
  border: 1px solid #ffc107 !important;
}
.aui-btn-danger.aui-btn-outlined {
  color: #e51c23 !important;
  border: 1px solid #e51c23 !important;
}
/*边框样式*/
.aui-border-l {
  border-left: 1px solid #eeeeee;
}
.aui-border-r {
  border-right: 1px solid #eeeeee;
}
.aui-border-t {
  border-top: 1px solid #eeeeee;
}
.aui-border-b {
  border-bottom: 1px solid #eeeeee;
}
.aui-border {
  border: 1px solid #eeeeee;
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
  .aui-border-l {
    border: none;
    background-image: -webkit-linear-gradient(0deg, #eeeeee, #eeeeee 50%, transparent 50%);
    background-image: linear-gradient(270deg, #eeeeee, #eeeeee 50%, transparent 50%);
    background-size: 1px 100%;
    background-repeat: no-repeat;
    background-position: left;
  }
  .aui-border-r {
    border: none;
    background-image: -webkit-linear-gradient(0deg, #eeeeee, #eeeeee 50%, transparent 50%);
    background-image: linear-gradient(270deg, #eeeeee, #eeeeee 50%, transparent 50%);
    background-size: 1px 100%;
    background-repeat: no-repeat;
    background-position: right;
  }
  .aui-border-t{
    border: none;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: top;
    background-image: linear-gradient(0,#eeeeee,#eeeeee 50%,transparent 50%);
    background-image: -webkit-linear-gradient(270deg,#eeeeee,#eeeeee 50%,transparent 50%);
  }
  .aui-border-b {
    border: none;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: linear-gradient(0,#eeeeee,#eeeeee 50%,transparent 50%);
    background-image: -webkit-linear-gradient(90deg,#eeeeee,#eeeeee 50%,transparent 50%);
  }
  .aui-border{
    border: none;
    background-image: -webkit-linear-gradient(270deg, #eeeeee, #eeeeee 50%, transparent 50%), -webkit-linear-gradient(180deg, #eeeeee, #eeeeee 50%, transparent 50%), -webkit-linear-gradient(90deg, #eeeeee, #eeeeee 50%, transparent 50%), -webkit-linear-gradient(0, #eeeeee, #eeeeee 50%, transparent 50%);
    background-image: linear-gradient(180deg, #eeeeee, #eeeeee 50%, transparent 50%), linear-gradient(270deg, #eeeeee, #eeeeee 50%, transparent 50%), linear-gradient(0deg, #eeeeee, #eeeeee 50%, transparent 50%), linear-gradient(90deg, #eeeeee, #eeeeee 50%, transparent 50%);
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    background-repeat: no-repeat;
    background-position: top, right top, bottom, left top;
  }
}
/*标签*/
.aui-label {
  display: inline-block;
  padding: 0px 5px;
  font-size: 12px;
  height:20px;
  line-height: 21px;
  color: #616161;
  background-color: #eeeeee;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 2px;
  position: relative;
}

.aui-label-primary {
  color: #ffffff;
  background-color: #00bcd4;
}
.aui-label-success {
  color: #ffffff;
  background-color: #009688;
}
.aui-label-info {
  color: #ffffff;
  background-color: #03a9f4;
}
.aui-label-warning {
  color: #ffffff;
  background-color: #ffc107;
}
.aui-label-danger {
  color: #ffffff;
  background-color: $color-theme;
}
.aui-label-disabled {
  color: #ffffff;
  background-color: #aaa;
}
.aui-label-outlined {
  background-color: transparent;
  position: relative;
}
.aui-label-outlined:after {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  height: 200%;
  content: '';
  width: 200%;
  border: 1px solid #d9d9d9;
  position: absolute;
  top: -1px;
  left: -1px;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  z-index: 1;
}
.aui-label-outlined.aui-label-primary,
.aui-label-outlined.aui-label-primary:after {
  color: #00bcd4;
  border-color: #00bcd4;
}
.aui-label-outlined.aui-label-success,
.aui-label-outlined.aui-label-success:after {
  color: #009688;
  border-color: #009688;
}
.aui-label-outlined.aui-label-info,
.aui-label-outlined.aui-label-info:after {
  color: #03a9f4;
  border-color: #03a9f4;
}
.aui-label-outlined.aui-label-warning,
.aui-label-outlined.aui-label-warning:after {
  color: #ffc107;
  border-color: #ffc107;
}
.aui-label-outlined.aui-label-danger,
.aui-label-outlined.aui-label-danger:after {
  color: #e51c23;
  border-color: #e51c23;
}
.aui-label .aui-iconfont {
  font-size: 12px;
}
/*列表*/
.aui-list {
  position: relative;
  font-size: 14px;
  background-color: #ffffff;
  border-top: 1px solid #eeeeee;
}
.aui-list .aui-content {
  overflow: hidden;
}
.aui-list.aui-list-noborder,
.aui-list.aui-list-noborder {
  border-top: none;
}

.aui-list .aui-list-item {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  color: #212121;
  border-bottom: 1px solid #eeeeee;
  position: relative;
  min-height: 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.aui-list.aui-list-noborder .aui-list-item:last-child {
  border-bottom: 0;
}
.aui-list .aui-list-item-inner {
  position: relative;
  min-height: 44px;
  padding-right: 15px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}


.aui-list .aui-list-item-text {
  font-size: 12px;
  line-height:1.8;
  color: #999;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.aui-list .aui-list-item-title {
  font-size: 14px;
  position: relative;
  max-width: 100%;
  color: #212121;
}
.aui-list .aui-list-item-right,
.aui-list-item-title-row em {
  max-width: 50%;
  position: relative;
  font-size: 12px;
  color: #757575;
  margin-left: 5px;
}
.aui-list .aui-list-item-inner p {
  overflow: hidden;
}
.aui-list .aui-list-media-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.aui-media-list-item-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.aui-media-list .aui-list-item {
  display: block;
}
.aui-media-list .aui-list-item-inner {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}
.aui-media-list-item-inner + .aui-info {
  margin-right: 15px;
}
.aui-list .aui-list-item-media {
  width: 90px;
  position: relative;
  padding:10px 0;
  padding-right: 15px;
  display: inherit;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.aui-list .aui-list-item-media img {
  width: 100%;
  display: block;
}
.aui-list .aui-list-item-media-list {
  margin-top: 5px;
  padding-right: 0;
  display: block;
}
.aui-list [class*=aui-col-xs-] img{
  max-width: 100%;
  width: 100%;
  display: block;
}
.aui-list-item-middle .aui-list-item-inner:after {
  display: block;
}
.aui-list .aui-list-item-middle > .aui-list-item-media,
.aui-list .aui-list-item-middle > .aui-list-item-inner,
.aui-list .aui-list-item-middle > * {
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.aui-list .aui-list-item-center > .aui-list-item-media,
.aui-list .aui-list-item-center > .aui-list-item-inner,
.aui-list .aui-list-item-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.aui-list .aui-list-item i {
  -webkit-align-self: center;
  align-self: center;
  font-size: 16px;
}
.aui-list-item-inner.aui-list-item-arrow {
  overflow: hidden;
  padding-right: 30px;
}
.aui-list-item-arrow:before {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -4px;
  background: transparent;
  border: 1px solid #ddd;
  border-top: none;
  border-right: none;
  z-index: 2;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.aui-list-item.aui-list-item-arrow {
  padding-right: 15px;
}
.aui-list label {
  line-height: 1.3rem;
}

.aui-list.aui-form-list .aui-list-item-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 0;
}
.aui-list .aui-list-item-label,
.aui-list .aui-list-item-label-icon {
  color: #212121;
  width: 35%;
  min-width: 25px;
  margin: 0;
  padding: 0;
  padding-right: 0px;
  line-height: 44px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.aui-list .aui-list-item-label-icon {
  width: auto;
  padding-right: 0px;
}
.aui-list .aui-list-item-input {
  width: 100%;
  padding: 0;
  padding-right: 15px;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
}

.aui-list.aui-select-list .aui-list-item-inner {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-align-self: stretch;
  align-self: stretch;
}
.aui-list.aui-select-list .aui-list-item-label {
  width: auto;
  min-width: 44px;
  padding: 10px 0;
  padding-right: 15px;
}
.aui-list.aui-form-list .aui-list-item-btn {
  padding: 15px 15px 15px 0;
}
.aui-list textarea {
  overflow: auto;
  margin: 10px 0;
  height: 60px;
  line-height: 20px;
  resize: none;
}
.aui-list .aui-list-item-right .aui-badge,
.aui-list .aui-list-item-right .aui-dot {
  display: inherit;
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
  .aui-list {
    border: none;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: top;
    background-image: linear-gradient(0,#eeeeee,#eeeeee 50%,transparent 50%);
  }
  .aui-list .aui-list-item {
    border: none;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: linear-gradient(0,#eeeeee,#eeeeee 50%,transparent 50%);
    background-image: -webkit-linear-gradient(90deg,#eeeeee,#eeeeee 50%,transparent 50%);
  }

  .aui-list.aui-list-in .aui-list-item {
    border: none;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: 10px bottom;
    background-image: linear-gradient(0,#eeeeee,#eeeeee 50%,transparent 50%);
    background-image: -webkit-linear-gradient(90deg,#eeeeee,#eeeeee 50%,transparent 50%);
  }
  .aui-list.aui-list-in .aui-list-item:last-child {
    background-position: bottom;
  }
  .aui-list.aui-list-noborder,
  .aui-list.aui-list-noborder .aui-list-item:last-child {
    border: none;
    background-size: 100% 0;
    background-image: none;
  }
}
/*自动隐藏文字*/
.aui-ellipsis-1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.aui-ellipsis {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.aui-ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

img.aui-img-round {
  border-radius: 50%;
}
